<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>节点与元素的区别</title>
</head>
<body>
      <ul id="myul">
          <li>a</li>
          <li>b</li>
          <li>c</li>
          <li>d</li>
      </ul>
        <script>
            var myul = document.getElementById('myul')
            //byTag
            //byName
            //比较 byId 和 byName/byTag 的区别
            //如何比较：
            //  查看类型  toSting()
            // 使用，修改或设置某些属性，


            //属性，
            //读取，两种读取和设置的方式
            //点
            //getAttribute,setAttribute
            //两者的区别


            //读取表单中的属性
            //input
            //select
            //textarera
            \
            console.log(myUl.childNodes);//节点
            console.log(myUl.children);//元素

        </script>
</body>
</html>